<template>
	<div class="box">
		<ul>
			<li><a href="">圈子</a></li>
			<li><a href="">速看</a></li>
			<li><a href="">开箱</a></li>
			<li><a href="">影剧院</a></li>
			<li><a href="">少儿</a></li>
			<li><a href="">娱乐</a></li>
			<li><a href="">时尚</a></li>
			<li><a href="">动漫</a></li>
			<li><a href="">游戏</a></li>
		</ul>
	</div>
	
</template>

<script>
	export default {
	name:"Main"
	}
</script>

<style scoped>

.box{
	width: 100%;
	padding: 0 0.16rem;
	box-sizing: border-box;
}
.box ul{
	width: 100%;
	height: 0.5rem;
	display: flex;
	align-items: center;
	overflow: scroll;
	white-space: nowrap;
}
.box ul::-webkit-scrollbar {
		display: none;
}
.box ul li{
	width: 0.65rem;
	height: 0.5rem;
	text-align: center;
	line-height: 0.5rem;
	margin: 0 0.16rem;
}
.box ul li a{
	font-size: 0.18rem;
}


</style>
